<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>魅族官网</title>
    <link rel="Shot Icon" href="https://www.meizu.com/static/global/images/favicon-90c2e618ff.ico">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/logo-container.css">
    <link rel="stylesheet" href="css/banner.css">
    <link rel="stylesheet" href="css/hot.css">
    <link rel="stylesheet" href="css/phone-container.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/copyright.css">
</head>
<body>

<!-- 顶部 区域开始 -->
<header>
    <div class="inner_c">
        <div class="left">
            <a>魅族官网</a>
            <a>魅族商城</a>
            <a>flyme</a>
            <a>专卖店</a>
            <a>服务</a>
            <a>社区</a>
        </div>
        <div class="right">
            <a>我的收藏</a>
            <a>我的订单</a>
            <a>登录</a>
            <a>注册</a>
        </div>
    </div>
</header>
<!-- 顶部 区域结束 -->

<!-- logo container 区域开始 -->
<div class="logo_container inner_c">
    <img src="images/logo.png" class="logo">
    <div class="link">
        <a>PRO手机</a>
        <a>魅蓝手机</a>
        <a>MX手机</a>
        <a>精选配件</a>
        <a>智能硬件</a>
    </div>
</div>
<!-- logo container 区域结束 -->

<!-- 商品分类 区域开始 -->
<div class="banner_container">
    <ul class="banner">
        <li><img src="images/banner.jpg" class="current"></li>
        <li><img src="images/banner.jpg"></li>
        <li><img src="images/banner.jpg"></li>
        <li><img src="images/banner.jpg"></li>
        <li><img src="images/banner.jpg"></li>
    </ul>
    <div class="inner_c">
        <ol class="btns">
            <li class="current"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ol>

        <ul class="categories">
            <li>全部商品分类</li>
            <li>手机</li>
            <li>智能硬件</li>
            <li>耳机 / 音箱</li>
            <li>路由器 / 移动电源</li>
            <li>保护套 / 后盖 / 贴膜</li>
            <li>数据线 / 电源适配器</li>
            <li>周边配件</li>
        </ul>
    </div>
</div>
<!-- 商品分类 区域结束 -->

<!-- 热门商品及服务 区域开始 -->
<div class="hot inner_c">
    <div class="hot-service">
        <div><img src="images/hot_M.png">
            <p>M码通道</p></div>
        <div><img src="images/hot_yjhx.png">
            <p>以旧换新</p></div>
        <div><img src="images/hot_ywb.png">
            <p>意外保</p></div>
        <div><img src="images/hot_hgdcx.png">
            <p>回购单查询</p></div>
    </div>
    <img src="images/hot_zyppr.jpg">
    <img src="images/hot_ml_max.jpg">
    <img src="images/hot_yddy.jpg">
    <img src="images/hot_xcjly.png">
</div>
<!-- 热门商品及服务 区域结束 -->

<!-- phone container 区域开始 -->
<div class="phone_container">
    <div class="inner_c">
        <div class="top">
            <p>手机</p>
            <a>更多></a>
        </div>
        <div class="phone">
            <img src="images/phone1.png">
            <p class="model">魅蓝note3</p>
            <p class="sale-time">11日-12日 限量开售</p>
            <p class="price">¥799</p>
        </div>
        <div class="phone">
            <img src="images/phone2.png">
            <p class="model">魅蓝3</p>
            <p class="sale-time">11日-12日 公开版限量开售</p>
            <p class="price">¥599</p>
        </div>
        <div class="phone">
            <img src="images/phone3.png">
            <p class="model">魅蓝3s</p>
            <p class="sale-time">11日-12日 限量开售</p>
            <p class="price">¥699</p>
        </div>
        <div class="phone">
            <img src="images/phone4.png">
            <p class="model">魅蓝metal</p>
            <p class="sale-time">领券立减100元</p>
            <p class="price">¥999</p>
        </div>
        <div class="phone">
            <img src="images/phone5.png">
            <p class="model">魅蓝E</p>
            <p class="sale-time">全网通 多彩金属机身</p>
            <p class="price">¥1299</p>
        </div>
    </div>
</div>
<!-- phone container 区域结束 -->

<!-- footer 区域开始 -->
<footer class="inner_c">
    <dl>
        <dt>帮助说明</dt>
        <dd><a>支付方式</a></dd>
        <dd><a>配送说明</a></dd>
        <dd><a>售后服务</a></dd>
        <dd><a>付款帮助</a></dd>
    </dl>
    <dl>
        <dt>Flyme</dt>
        <dd><a>开放平台</a></dd>
        <dd><a>固件下载</a></dd>
        <dd><a>软件商店</a></dd>
        <dd><a>查找手机</a></dd>
    </dl>
    <dl>
        <dt>关于我们</dt>
        <dd><a>关于魅族</a></dd>
        <dd><a>加入我们</a></dd>
        <dd><a>联系我们</a></dd>
        <dd><a>法律声明</a></dd>
    </dl>
    <dl>
        <dt>关注我们</dt>
        <dd><a>新浪微博</a></dd>
        <dd><a>腾讯微博</a></dd>
        <dd><a>QQ空间</a></dd>
        <dd><a>官方微信</a></dd>
    </dl>
    <div class="contacts">
        <p class="service-hot-line">24小时全国服务热线</p>
        <p class="phone">400-788-3333</p>
        <div class="online">24小时在线客服</div>
    </div>
</footer>
<!-- footer 区域结束 -->

<!-- copyright 区域开始 -->
<div class="copyright inner_c">
    <div>
        <p>©2020 Meizu Telecom Equipment Co., Ltd. All rights reserved. </p>
        <p><a>备案号：粤ICP备13003602号</a></p>
        <p><a>营业执照</a></p>
        <i class="copy"></i>
        <i class="trust"></i>
    </div>
</div>
<!-- copyright 区域结束 -->
</body>
</html>
